<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      const patients = [
        {
          id: '001',
          name: 'Alice',
          age: 34,
          gender: 'F',
          bloodPressure: {
            systolic: 120,
            diastolic: 80,
          },
          hasDiabetes: false,
        },
        {
          id: '002',
          name: 'Bob',
          age: 47,
          gender: 'M',
          bloodPressure: {
            systolic: 140,
            diastolic: 90,
          },
          hasDiabetes: true,
        },
        {
          id: '003',
          name: 'Charlie',
          age: 55,
          gender: 'M',
          bloodPressure: {
            systolic: 130,
            diastolic: 95,
          },
          hasDiabetes: false,
        },
      ]

      const getHighBloodPressurePatients = (
        patients,
        systolicThreshold,
        diastolicThreshold
      ) => {
        const arr = patients
          .filter((item) => {
            return (
              item.bloodPressure.systolic >= systolicThreshold ||
              item.bloodPressure.diastolic <= diastolicThreshold
            )
          })
          .sort((a, b) => {
            return a.name >= b.name ? 1 : -1
          })

        console.log(arr)
      }

      getHighBloodPressurePatients(patients, 120, 90)
    </script>
  </body>
</html>
